<%--
  Created by IntelliJ IDEA.
  User: hellcat
  Date: 2019/12/30
  Time: 18:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@include file="extra/body.jsp" %>
<script src="../static/js/extra/echarts.js"></script>
<%--start--%>

<%--<div class="layui-container">--%>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">商品种数</div>
                <div class="layui-card-body">
                    <span id="stockShowWaresTotals" style="color: #1E9FFF;font-size: 20px">
                        0种
                    </span>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">总成本</div>
                <div class="layui-card-body">
                    <span id="stockShowCastTotals" style="color: #1E9FFF;font-size: 20px">
                        ￥0.00
                    </span>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">总价值</div>
                <div class="layui-card-body" style="color: #1E9FFF;font-size: 20px">
                    <span id="stockShowPriceTotals" style="color: #1E9FFF;font-size: 20px">
                        ￥0.00
                    </span>

                </div>
            </div>
        </div>
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">库存总成本各分类占比</div>
                <div class="layui-card-body">
                    <div class="layui-container">
                        <div class="layui-row">
                            <div class=" layui-col-md5">
                                <div id="inventoryCategoryProportion" style="width: 220%;height:270%;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">库存明细</div>
                <div class="layui-card-body">
                    <div class="layui-form">
                        <div class="layui-form-item">
                            <%--        第一排--%>
                            <div class="layui-inline">
                                <label class="layui-form-label">条码/名称</label>
                                <div class="layui-input-inline">
                                    <input id="stockWaresIdVal" class="layui-input" type="text" autocomplete="off"
                                           placeholder="商品条码/名称" style="padding-right: 60px;">
                                    <button id="waresIdOrNameBtn" type="button" class="layui-btn layui-btn-primary"
                                            style="position: absolute;top: 0;right: 0px;">
                                        <i class="layui-icon">&#xe615;</i>
                                    </button>
                                </div>

                                <label class="layui-form-label">分类选择</label>
                                <div class="layui-input-inline">
                                    <select lay-filter="stockCategory1" id="stockCategory1">
                                        <option value="">全部</option>
                                        <c:forEach items="${Category1}" var="Category1">
                                            <option value="${Category1.categoryId}">${Category1.categoryName}</option>
                                        </c:forEach>
                                    </select>
                                </div>
                                <div class="layui-input-inline">
                                    <select lay-filter="stockCategory2" id="stockCategory2">
                                        <option value="">全部</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;"></fieldset>

                    <table class="layui-table" id="stockInfoTable" lay-filter="stockInfoTable"></table>

                </div>
            </div>

        </div>
    </div>
</div>
<%--</div>--%>

<%--end--%>
</div>
</div>

<script src="../static/js/stockReport.js"></script>
<%@include file="extra/footer.jsp" %>
